<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AJAX</title>

</head>
<body>
    <script src="../js/mock-min.js"></script>
    <script src="./data.js"></script>
    <script>
        // 1. 创建XHR对象
        let xhr = new XMLHttpRequest();
        // 2. 处理服务器响应的事件
        xhr.onreadystatechange = function(){
            if(xhr.readyState == 4 && xhr.status == 200){
                let text = xhr.responseText;
                console.log("服务器响应数据：" , text);
            }
        }
        // 3. 打开连接
        // 第一个参数：请求方法（get或post）
        // 第二个参数：请求路径
        // 第三个参数：false：同步，true：异步，默认为异步
        xhr.open("get","/getData");
    
        // 4. 发送请求
        xhr.send();
    </script>
</body>
</html>